<template>
  <div class="iframe_box">
    <!-- <Header /> -->
    <iframe id="iframeId" v-if="state.src" :src="state.src" frameborder="0" scrolling="auto" />
  </div>
</template>
<script setup lang='ts'>
// import { Local } from '@/utils/storage';
import { onMounted, reactive } from 'vue'
import { useRoute } from 'vue-router'
const route = useRoute()

const state: any = reactive({
  src: '',
})

onMounted(() => {

  route.query.src && (state.src = route.query.src)


})
</script>


<style lang="less" scoped>
.iframe_box {
  overflow-y: scroll;
  overflow: hidden;
  padding-bottom: 0;
  width: 100%;
  height: 80vh;

}

#iframeId {
  padding-top: 0;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
</style>
